<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta charset="UTF-8">
        <title>个人中心</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
        <link href="cssPerson/style.css" rel="stylesheet" type="text/css"/>
        <!-- 表单开始 -->
        <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="LoginCss/layui/css/layui.css"  media="all">

    </head>
    <body>

        <section class="aui-flexView">
            <section class="aui-scrollView">
                <div class="aui-mine-header">
                    <div class="aui-flex">
                        <div class="aui-mine-img">
                            <img src="imgPerson/user-logo-004.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <h2>${user.userName}</h2>
                            <h3>${user.phoneNumber}</h3>
                            <input type="hidden" id="hidden" value="${user.carNumber}"/>
                        </div>
                    </div>
                </div>
                <div class="divHeight"></div>
                <div class="aui-course-list">
                    <a href="Person.jsp" class="aui-flex b-line">
                        <div class="aui-cou-img">
                            <img src="lhdpay/imgPerson/icon-mine-005.png" alt="">
                        </div>
                        <div class="aui-flex-box">
                            <p >进出记录</p>
                        </div>
                    </a>
                    
                </div>
                <div class="demoTable">
  搜索ID：
  <div class="layui-inline">
    <input class="layui-input" name="id" id="demoReload" autocomplete="off">
  </div>
  <button class="layui-btn" data-type="reload">搜索</button>
</div>
 
<table class="layui-hide" id="LAY_table_user" lay-filter="user"></table> 

            </section>
            <footer class="aui-footer aui-footer-fixed">
                <a href="PayPay.jsp" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-loan"></i>
                    </span>
                    <span class="aui-tabBar-item-text">首页</span>
                </a>
               
                <a href="login.jsp" class="aui-tabBar-item ">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-ions"></i>
                    </span>
                    <span class="aui-tabBar-item-text">切换账户</span>
                </a>

                <a href="Person.jsp" class="aui-tabBar-item aui-tabBar-item-active">
                    <span class="aui-tabBar-item-icon">
                        <i class="icon icon-meTo"></i>
                    </span>
                    <span class="aui-tabBar-item-text">我的</span>                                                                                                                                                                                                                                     </span>
                </a>
            </footer>
        </section>

    </body>
    <script src="LoginCss/layui/layui.js" charset="utf-8"></script>
<script>
layui.use('table', function(){
  var table = layui.table;
  
  //方法级渲染
  table.render({
    elem: '#LAY_table_user'
    ,url: 'page1'
    ,cols: [[
      {checkbox: true, fixed: true}
      ,{field:'recordId', title: '记录编号', width:90}
      ,{field:'carNumber', title: '车牌号', width:100}
      ,{field:'enter_time', title: '进入时间', width:220}
      ,{field:'out_time', title: '出去时间'}
      ,{field:'payment_amount', title: '缴费金额', sort: true, width:80}
      ,{field:'paymentId', title: '缴费记录编号', sort: true, width:80}
    ]]
    ,id: 'testReload'
    ,page: true
    ,height: 310
  });
  
  var $ = layui.$, active = {
    reload: function(){
      var demoReload = $('#demoReload');
      var strlike = $('#hidden');
      //执行重载
      table.reload('testReload', {
        page: {
          curr: 1 //重新从第 1 页开始
        }
        ,where: {
        	"hidden1":strlike.val()
        }
      }, 'data');
    }
  };
  
  $('.demoTable .layui-btn').on('click', function(){
    var type = $(this).data('type');
    active[type] ? active[type].call(this) : '';
  });
});
</script>
    
</html>